<%@ include file="/common/taglibs.jsp"%>

<head>
    <title><fmt:message key="promocionbonolist.title"/></title>
    <meta name="heading" content="<fmt:message key='promocionbonolist.heading'/>"/>    
</head>

<form:form id="promocionbonolist">

<c:set var="buttons">
	<input type="button" class="button" onclick="location.href='<c:url value="/promocionbono/promocionbonoform.html?method=Add&from=list"/>'" value="<fmt:message key="button.add"/>"/>
    <input type="button" class="button" onclick="location.href='<c:url value="/mainMenu.html"/>'" value="<fmt:message key="button.done"/>"/>
</c:set>

<ul>
	<li>
	<label class="desc"><fmt:message key="common.filtros.busqueda"/></label>
	<div class="group" style="width: 300px">

		<div>
	     	<fmt:message key="promocionbonolist.promobono"/><br/>
			<input class="text medium" id="deNombre" name="deNombre" maxlength="50"/>
	    </div><br/>
	         
	    <div>
	     	<fmt:message key="promocionbonolist.inivigencia"/><br/>
			<input id="inicioVigencia" name="inicioVigencia" class="text medium" maxlength="12" size="11" />
			<input type="button" class="buttoncal" id="inicioVigenciaCal" value="..."/>  [<fmt:message key="date.format"/>]
			<script type="text/javascript">
	          new Calendar({
	                  inputField: "inicioVigencia",		
	                  dateFormat: "%d/%m/%Y",
	                  trigger	: "inicioVigenciaCal",	
	                  bottomBar	: false,
	                  onSelect	: function() {
                  		  this.hide();
	                  }
	          });
	        </script>
	    </div><br/>

	    <div>
	     	<fmt:message key="promocionbonolist.finvigencia"/><br/>
			<input id="finVigencia" name="finVigencia" class="text medium" maxlength="12" size="11" />
			<input type="button" class="buttoncal" id="finVigenciaCal" value="..."/>  [<fmt:message key="date.format"/>]
			<script type="text/javascript">
	          new Calendar({
	                  inputField: "finVigencia",		
	                  dateFormat: "%d/%m/%Y",
	                  trigger	: "finVigenciaCal",	
	                  bottomBar	: false,
	                  onSelect	: function() {
                  		  this.hide();
	                  }
	          });
	        </script>
	    </div><br/>
		
		<div>
			<fmt:message key="label.habilitado"/><br/>
	        <select class="text medium" id="stPromocionBono" >
	        	<option value="-1"><fmt:message key="label.itemdefault"/></option>
				<option value="Y"><fmt:message key="common.yes"/></option>
				<option value="N"><fmt:message key="common.no"/></option>
	       	</select>
	    </div><br/>
		<br/>
	     
	    <div> 					
			<input type="button" onclick="buscarPromocionBono()" 
			value="<fmt:message key="button.search"/>"/>			
	 	</div>
	</div>	
	</li>
</ul>

<c:out value="${buttons}" escapeXml="false" /><br/><br/>
<table id="promocionbonos" cellpadding="0" class="table" cellspacing="0" style="width: 1100px" > 
	<thead> 
		<tr> 
            <th scope="col"><fmt:message key="promocionbonolist.promobono"/></th>
            <th scope="col"><fmt:message key="promocionbonolist.inivigencia"/></th>
            <th scope="col"><fmt:message key="promocionbonolist.finvigencia"/></th>
            <th scope="col"><fmt:message key="promocionbonolist.montomin"/></th>
            <th scope="col"><fmt:message key="label.habilitado"/></th>
		</tr>
	</thead> 
	<tbody id="promocionbonosbody">
		<tr id="pattern" style="display:none;">
			<td><span id="tablePromoBono" 	></span></td>
			<td><span id="tableIniVigencia" ></span></td>
			<td><span id="tableFinVigencia" ></span></td>
			<td><span id="tableMontoMin" 	></span></td>
			<td><span id="tableStatus"  	></span></td>
		</tr> 	
		<c:forEach var="bnpromobono" items="${listPromocionBono}" varStatus="status">	
			<c:choose>
				  <c:when test="${status.index % 2 == 0}"><tr class="odd" ></c:when>
				  <c:otherwise><tr class="even" ></c:otherwise>
			</c:choose>
            	<td>
					<a href="<c:url value="/promocionbono/promocionbonoform.html?id=${bnpromobono.id}&amp;from=list"/>">					
						${bnpromobono.deNombre}
					</a>            	
				</td>
                <td>${bnpromobono.inicioVigencia}</td>
                <td>${bnpromobono.finVigencia}</td>
                <td>${bnpromobono.vaMontoMinimo}</td>  
                <td>                
                	<c:choose>
                		<c:when test="${bnpromobono.strPromocionBono eq 'Y'}">
                			<fmt:message key='common.yes'/>
                		</c:when>
                		<c:otherwise>
                			<fmt:message key='common.no'/>
                		</c:otherwise>
                	</c:choose>
                </td>
           </tr>
        </c:forEach>				
	</tbody>
</table> 

<c:out value="${buttons}" escapeXml="false" />
</form:form>
<script type="text/javascript">


    function buscarPromocionBono()
    {
        var deNombre = dwr.util.getValue("deNombre");
        var inicioVigencia = dwr.util.getValue("inicioVigencia");
        var finVigencia	= dwr.util.getValue("finVigencia");
        var stPromocionBono = dwr.util.getValue("stPromocionBono");
        
        PromocionBonoService.buscarPromocionesBono(deNombre, inicioVigencia,
        finVigencia, stPromocionBono,
        	function(data){

    	    dwr.util.removeAllRows("promocionbonosbody", { filter:function(tr) {
    	      return (tr.id != "pattern");
    	    }});

    	    var contador  = 0;
    	    var bnpromobono,url;
    	    for (var i = 0; i < data.length; i++) {

    	    	bnpromobono = data[i];
    	    	contador = contador + 1;

    	      	dwr.util.cloneNode("pattern", { idSuffix:contador });
    	      	url = "<a href='/clubpgnweb/promocionbono/promocionbonoform.html?id=" + bnpromobono.id + "'>" + bnpromobono.deNombre + "</a>";

    	      	
    	      	dwr.util.setValue("tablePromoBono" + contador, url, { escapeHtml:false });

    	      	dwr.util.setValue("tableIniVigencia" + contador,  bnpromobono.inicioVigencia, { escapeHtml:false });
    	      	
    	      	dwr.util.setValue("tableFinVigencia" + contador,  bnpromobono.finVigencia, { escapeHtml:false });

    	      	dwr.util.setValue("tableMontoMin" + contador,  bnpromobono.vaMontoMinimo, { escapeHtml:false });

    	      	if(bnpromobono.strPromocionBono == 'Y'){ 
    	    	  dwr.util.setValue("tableStatus" + contador, '<fmt:message key='common.yes'/>', { escapeHtml:false }); 
        	  	}
    	      	else {
    	    	  dwr.util.setValue("tableStatus" + contador, '<fmt:message key='common.no'/>', { escapeHtml:false });
        	  	}

				if(i % 2 == 0){
					$("pattern" + contador).className = "odd";
				}
				else{
					$("pattern" + contador).className = "even";
				}
	    	      
	    	    $("pattern" + contador).style.display = "";
    	    }
		});
    }

</script>
<script type='text/javascript' src="<c:url value="/dwr/interface/PromocionBonoService.js"/>"></script>